Ihre erste Website

In diesem Modul lernen Sie die praktischen Aspekte der Webentwicklung kennen. Sie sammeln die Ressourcen und schreiben den Code, um eine einfache Webseite zu erstellen, die Sie dann der Welt präsentieren.

Es ist viel Arbeit, eine professionelle Website zu erstellen, daher empfehlen wir Ihnen, wenn Sie neu in der Webentwicklung sind, klein zu beginnen. Sie werden nicht sofort ein weiteres Facebook aufbauen, aber es ist nicht schwer, Ihre eigene einfache Website online zu erstellen, daher fangen wir damit an.

Voraussetzungen

Dieses Modul setzt kein Vorwissen über Webtechnologien voraus, aber Sie sollten sich bereits mit Ihrem Betriebssystem auskennen, einschließlich der Nutzung des Dateisystems und des Browsens im Internet. Sie sollten einen Code-Editor und mehrere Webbrowser installiert haben.

Falls dies nicht der Fall ist, empfehlen wir Ihnen, zunächst das Modul Umgebungs-Setup durchzugehen.

Tutorials

Wie wird Ihre Website aussehen?: Bevor Sie mit dem Schreiben des Codes für Ihre Website beginnen, sollten Sie diese zuerst planen. Welche Informationen möchten Sie präsentieren? Welche Schriften und Farben verwenden Sie? Hier skizzieren wir eine einfache Methode, der Sie folgen können, um den Inhalt und das Design Ihrer Website zu planen.
Erstellen der Inhalte: HTML (HyperText Markup Language) ist der Code, der verwendet wird, um eine Webseite und deren Inhalt zu strukturieren. Zum Beispiel könnten Inhalte in einem Satz von Absätzen, einer Liste von Aufzählungspunkten oder unter Verwendung von Bildern und Datentabellen strukturiert werden. Dieser Artikel vermittelt Ihnen ein grundlegendes Verständnis von HTML und seiner Funktionen und zeigt, wie Sie die grundlegenden Inhalte für Ihre erste Website erstellen können.
Stil der Inhalte: CSS (Cascading Style Sheets) ist der Code, der Webinhalte stylt. Stil der Inhalte führt Sie durch die notwendigen Schritte, um zu beginnen. Wir beantworten Fragen wie: Wie färbe ich Text rot? Wie lasse ich Inhalte an einer bestimmten Position im (Webseiten-) Layout anzeigen? Wie verziere ich meine Webseite mit Hintergrundbildern und -farben?
Interaktivität hinzufügen: JavaScript ist eine Programmiersprache, die Websites Interaktivität verleiht. Dies geschieht in Spielen, im Verhalten von Reaktionen, wenn Tasten gedrückt werden oder bei der Dateneingabe in Formulare, beim dynamischen Styling, bei Animationen usw. Dieser Artikel hilft Ihnen, mit JavaScript zu beginnen und Ihr Verständnis dessen zu vertiefen, was möglich ist.
Veröffentlichen Ihrer Website: Sobald Sie den Code geschrieben und die Dateien organisiert haben, die Ihre Website ausmachen, müssen Sie alles online stellen, damit es gefunden werden kann. Dieser Artikel erklärt, wie Sie Ihre Beispiel-Website mit wenig Aufwand online stellen können.

Siehe auch

Der Karriereweg eines Frontend-Entwicklers ^{MDN Lernpartner}: Scrimbas Frontend Developer Career Path vermittelt alles, was Sie wissen müssen, um ein kompetenter Frontend-Webentwickler zu sein, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, kenntnisreichen Lehrern und einer unterstützenden Gemeinschaft. Gehen Sie von Null bis zum ersten Frontend-Job! Viele der Kurskomponenten sind als eigenständige kostenlose Versionen verfügbar.